<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/pages/common/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>广东工业大学招生办</title>
	<link rel="stylesheet" type="text/css" href="${ctx}/css/reset.css" />
	<link rel="stylesheet" type="text/css" href="${ctx}/css/common.css" />
	<link rel="stylesheet" type="text/css" href="${ctx}/css/home.css" />
	<link rel="stylesheet" type="text/css" href="${ctx}/css/page.css" />
	<script type="text/javascript" src="${ctx }/js/showTime.js"></script>
	<script type="text/javascript" src="${ctx }/js/jquery.min.js"></script>
	<style>
	#main_content{
		font-size:16px;
	}
	.academy-analogy-select-a-add {
	    margin-left:20px;
	    margin-top:20px;
	    width:190px;
	}
	.academy-analogy-select-a-add a:hover {
	    text-decoration:underline
	}
	.photoscroll {
	}
	.academy-analogy-left-all {
	    float:left;
	}
	
	*{margin:0;padding:0;list-style-type:none;border:0;}
#scrollbox{background:#e3e3e3;text-align:center;overflow:hidden;width:220px;height:500px;float:left;margin:0 10px;display:inline;}
#scrollbox img{margin-top:20px;border:3px solid #F2F2F2;}
#scrollcon{height:800%;}
/*#leftDir{width:20px;height:40px;padding:8px 0px;text-align:center;float:left;cursor:pointer;}
#rightDir{width:20px;height:40px;padding:8px 0px;text-align:center;float:left;cursor:pointer;}*/
#leftDir{background: url(../images/btn.png) no-repeat right top;width:23px; height:12px;cursor:pointer;margin: 5px 100px;}
#rightDir{background: url(../images/btn.png) no-repeat right bottom;width:23px; height:12px;cursor:pointer;margin: 5px 100px;}
	</style>
	<script language="javascript" >
	$(document).ready(function(){
			$.post("${ctx}/base/academy!visitorCount.action", "id=${entity.id}" ,function callback(text){
             		$("#visitor").text(text);
             	});
	});
	</script>
	<script type="text/javascript">
//上下无缝滚动
	$(document).ready(function(){
var speed = 50;
var direction="top";
var tab = document.getElementById("scrollbox");
var tab1 = document.getElementById("scrollpic");
var tab2 = document.getElementById("scrollpic-copy");
var leftDir = document.getElementById("leftDir");
var rightDir = document.getElementById("rightDir");
tab2.innerHTML = tab1.innerHTML;
function marquee(){
    switch(direction){
        case "top":
            if(tab2.offsetHeight - tab.scrollTop <= 0){
                tab.scrollTop -= tab1.offsetHeight;
            }
            else{
                tab.scrollTop++;
            }
        break;
        case "bottom":
            if(tab.scrollTop <= 0){
                tab.scrollTop += tab2.offsetHeight;
            }
            else{
                tab.scrollTop--;
            }
        break;
    }
}
function changeDirection(dir){
   direction = dir;
}
var timer = setInterval(marquee,speed);
tab.onmouseover = function(){clearInterval(timer);};
tab.onmouseout = function(){timer = setInterval(marquee,speed);};
leftDir.onclick = function(){changeDirection("top");};
rightDir.onclick = function(){changeDirection("bottom");};
});
</script>
	
</head>		
<body>

	<div class="wrapper">
		<jsp:include page="../../../header.jsp" flush="true" /> 

		<!--main-content-->
		<div id="main-content-child-page" class="w960 auto">
			<!--Breadcrumb Trail-->
			<div class="breadcurmb-trail mt5 mb10">
				您的位置：<a href="${ctx}/index.html">网站首页</a>-学院专业
			</div>
			<div class="content clearfix">				
				<div class="academy-analogy-pic2"><span class="white f18 rel">广东工业大学院系介绍</span>
				</div>
					<div style="margin-left:280px;">阅读人数：<span id="visitor" ></span></div>
				<!--<div class="professtion-detail r mr20 pr20">  -->
				
				
					<div><h1 class="f20 tc" style="margin-left:200px;">${entity.name}</h1>
				<div style="margin-left:700px;">更新时间：${entity.inputTime}</div>
				<div class="academy-analogy-left-all">
				<div>
					<form class="academy-analogy-select-add" action="${ctx}/base/academy!input.action" method="post">
					   <table>
					     <tr><td style="height:30px;">专属院系：</td>
					     <td style="height:30px;">
					     <select name="id" style="width:120px;">
					     <option value="" selected="selected">请选择学院</option>
							<s:iterator value="academyList" >
								<option value="${id}">${name}</option>	
	                       </s:iterator>
					     </select>
					     </td></tr>
					     <tr>
					      <td colspan="2" align="right">
					         <input class="academy-analogy_buttom academy-analogy_buttom_add" type="submit" value="确定"/>
					         <input class="academy-analogy_buttom academy-analogy_buttom_add" type="reset" value="重置"/></td>
					     </tr>
					   </table>
					</form>
					
				</div>
				<div class="academy-analogy-select-a-add">
					  <ul>
					  	<s:iterator value="entity.majors" >
					   <li><a href="${ctx}/base/major!input.action?id=${id}"> ${name}</a> </li>
					   </s:iterator>
					 </ul>
					</div>
				
<div class="photoscroll">
<div id="leftDir"></div>
<div id="scrollbox">
    <div id="scrollcon">
        <div id="scrollpic">
            <a href="http://clnyxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (1).jpg"  width="200" height="62" alt="" title="材料与能源学院"/></a>
            <a href=" http://glxy.gdut.edu.cn/index.action" target="_blank"><img src="${ctx}/images/pscroll1 (2).jpg" width="200" height="62" alt=""  title="管理学院"/></a>
			
            <a href=" http://hkxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (4).jpg" width="200" height="62" alt=""  title="环境科学与工程学院"/></a>
			<a href="http://jdgcxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (5).jpg" width="200" height="62" alt=""  title="机电工程学院"/></a>
            <a href=" http://jsjxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (6).jpg" width="200" height="62" alt=""  title="计算机学院"/></a>

            <a href="http://arc.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (8).jpg" width="200" height="62" alt=""  title="建筑与城市规划学院"/></a>
            <a href=" http://jmxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (9).jpg" width="200" height="62" alt=""  title="经济与贸易学院"/></a>
            <a href="http://qghgxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (10).jpg" width="200" height="62" alt="" title="轻工化工学院"/></a>
            <a href=" http://shxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (11).jpg" width="200" height="62" alt="" title="商学院"/></a>
            <a href="http://web.gdut.edu.cn/~jsxy/" target="_blank"><img src="${ctx}/images/pscroll1 (12).jpg" width="200" height="62" alt="" title="土木与交通工程学院"/></a>
            <a href=" http://wgyxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (13).jpg" width="200" height="62" alt="" title="外国语学院"/></a>
            <a href=" http://wlgdxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (14).jpg" width="200" height="62" alt="" title="物理与光电工程学院"/></a>
            <a href="http://xxgcxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (15).jpg" width="200" height="62" alt="" title="信息工程学院"/></a>
            <a href=" http://yssjxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (16).jpg" width="200" height="62" alt="" title="艺术设计学院"/></a>
            <a href="http://yysxxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (17).jpg" width="200" height="62" alt="" title="应用数学学院"/></a>
            <a href="http://zfxy.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (18).jpg" width="200" height="62" alt="" title="政法学院"/></a>
             <a href=" http://automation.gdut.edu.cn/" target="_blank"><img src="${ctx}/images/pscroll1 (19).jpg" width="200" height="62" alt="" title="自动化学院"/></a>
        </div>
        <div id="scrollpic-copy"></div>
    </div>
</div>
<div style="clear:both;"></div>
<div id="rightDir"></div>
</div>
				
				</div>
				</div>
					<div  style="float:right;width:645px;"><p> ${entity.introduce }</p></div>
    			</div>
			<jsp:include page="../../../footer.jsp" flush="true" /> 
			</div>
	</div>	
	</body>
</html>